<template>
    <div>
        <ul class="nav">
            <li v-for="v in list">
                <router-link :to="v.to" v-text="v.name">text</router-link>
            </li>
        </ul>
    </div>
</template>

<script>
export default {
    name:'Navmenu',
    data(){
        return {
            list:[
                {
                    name:'导航',
                    to:'/',
                },
                {
                    name:'收藏',
                    to:'/store',
                },
                {
                    name:'关于',
                    to:'/about',
                }
            ]
        }
    },
}
</script>

<style lang="less" scoped>
.nos(){
    list-style: none;
}
.nav{
    .nos();
    text-align: center;
    li{
        list-style: none;
        display: inline-block;
        padding: 0 0.5rem;
        
    }
}
</style>